@charset "utf-8";
/*
	shihoutv
	2017-04-08
*/

/*// search background image //////////////*/
.navInput li a em,.navInput .navSeach span em,.sideRight li a,.sideRight li em,.sideRight li a i,.navMenu .gameZq em,.gamePop em,.historyPop .historyTop,.loginList em,.loginOther h4,.login .close,.navMenu .navHover em,.navInput .btnFollow .navHover em,.iconBoy,.iconGirl,.iconYa,.iconMao,.btnCenterCz,.iconLiving  { background-image:url(../img/iconBg.png); background-repeat:no-repeat; }
.alList .alPlay,.login .autoLogin em,.iconError,.btnPrev,.btnNext   { background-image:url(../img/iconIndex.png); background-repeat:no-repeat; }
.cBackIndex em { background-image:url(../img/iconClient.png); background-repeat:no-repeat; }

/*body { padding-top:54px; }*/
.title          { clear:both; height:30px; line-height:30px; font-size:24px; font-weight:normal; color:#2f2f2f; overflow:hidden; }
.title span     { float:left; width:300px; height:30px; font-size:26px; display:block; color:#12151c; }
.title em       { margin-right:10px; width:4px; height:24px; display:inline-block; vertical-align:middle; background:#f69200; }
.title a        { float:right; font-weight:normal; font-size:16px; text-decoration:none; color:#656565; }
.title3         { clear:both; padding:20px 0 10px; height:56px; line-height:56px; }
.title3 em      { float:left; margin:10px 10px 0 5px; width:38px; display:block;}
.title3 em img  { width:38px; display:block; }
.title3 span    { float:left; width:30%; height:56px; font-size:26px; font-weight:normal; display:block; color:#12151c; }
.title3 a       { float:right; margin-top:5px; font-weight:normal; font-size:16px; text-decoration:none; color:#656565; }
.title3 a:hover { color:#f4a72d; }
.iconBq         { padding:3px 7px 2px; text-align:center; font-size:12px; font-style:normal; color:#fff; position:absolute; right:6px; top:6px; z-index:3; }
.iconBoy        { margin:-2px 3px 0; width:14px; height:14px; vertical-align:middle; display:inline-block; background-position:-240px 0; }
.iconGirl       { margin:-2px 3px 0; width:14px; height:14px; vertical-align:middle; display:inline-block; background-position:-262px 0; }
.iconYa         { margin:-2px 3px 0; width:18px; height:18px; vertical-align:middle; display:inline-block; background-position:-290px 0; }
.iconMao        { margin:-2px 3px 0; width:18px; height:18px; vertical-align:middle; display:inline-block; background-position:-317px 0; }
.iconLiving     { width:44px; height:14px; display:block; display:block; background-position:-302px -25px; }

/* tag scroll */
.title2            { height:30px; line-height:30px; font-weight:normal; }
.title2 .allZb     { float:left; width:160px; height:30px; display:block; font-size:24px; color:#2f2f2f; }
.allliveTag        { float:left; margin-top:2px; width:1040px; position:relative; }
.allliveStage      { width:956px; height:30px; overflow:hidden; text-align:right; }
.allliveStage ul   { height:30px; }
.allliveStage li   { float:left; margin:0 0 0 10px; width:90px; height:30px; display:inline-block; }
.allliveStage li a { padding:0 20px; height:26px; text-align:center; border-radius:13px; line-height:26px; display:block; border:1px solid #dcdcdc; background:#fff; color:#787878; cursor:pointer; }
.allliveStage .curr a,.allliveStage li a:hover { border:1px solid #f69200; color:#f69200; }
.btnPrev,.btnNext  { width:28px; height:28px; display:none; position:absolute; top:0; z-index:3; }
.btnPrev           { background-position:-238px -213px; right:38px; }
.btnNext           { background-position:-270px -213px; right:0; }
.btnPrev:hover     { background-position:-302px -213px; }
.btnNext:hover     { background-position:-334px -213px; }

/*// shihouNav ////////////////*/
.nav                  { width:100%; height:54px; box-shadow:0 1px 2px #eaeaea; background:#fff;}
/*.navCont              { margin:0 auto; width:1200px; }*/
.navCont              { margin:0 100px; }
.navCont .logo        { margin-right:10px; }
.navMenu              { float:left; }
.navMenu li           { float:left; height:54px; line-height:54px; font-size:16px; position:relative; }
.navMenu li .m        { padding:0 10px; height:54px; display:block; text-align:center; text-decoration:none; cursor:pointer; color:#3c3c3c; }
.navMenu li .m:hover  { background:#ffda00; }
.navMenu .gameZq      { height:54px; display:block; text-align:center; cursor:pointer; color:#787878; }
.navMenu .gameZq em   { margin:-2px 0 0 2px; width:12px; height:12px; display:inline-block; background-position:-106px -4px; vertical-align:middle; }
.navMenu .navHover em { background-position:-106px -29px; }
.navMenu .navHover    { background:#ffda00; color:#f4a72d; }

.navInput                           { float:right; }
.navInput li                        { float:left; margin-left:20px; height:54px; line-height:54px; font-size:14px; position:relative; }
.navInput li .niLink                { height:54px; text-align:center; display:block; cursor:pointer; color:#787878; }
.navInput li .niLink em             { margin:-2px 3px 0 0; width:17px; height:17px; vertical-align:middle; display:inline-block; }
.navInput .btnHistory .niLink em    { background-position:-25px 0; }
.navInput .btnFollow .niLink em     { background-position:-200px -1px; }
.navInput .btnFollow .navHover em   { background-position:-200px -25px; }
.navInput .btnDownload a em         { background-position:-52px 0; }
.navInput .btnDownload .navHover em { background-position:-52px -25px; }
.navInput .btnLogin a em            { background-position:-77px 0; }
.navInput .btnLogin a:hover em      { background-position:-77px -25px; }
.navInput .navSearch                { width:300px; }
.navInput .navSearch a              { margin-top:12px; padding:0 48px 0 10px; width:240px; height:28px; display:block; border:1px solid #e5e5e5; border-radius:14px; cursor:pointer; overflow:hidden; background:#fff; position:relative; }
.navInput .navSearch a:hover        { border:1px solid #ffda00; }
.navInput .navSearch a input        { width:100%; height:28px; display:block; background:none; line-height:28px; margin:0; padding:0; color:#9b9ba4; }
.navInput .navSearch .btnSearch     { width:48px; height:30px; display:block; background-position:0 -47px; position:absolute; right:0; top:-1px; z-index:3; }
.navInput .loggedWrap    { width:auto; }
.navInput .logged,.navInput .btnSignOut  { color:#787878; cursor:pointer; }
.navInput .logged .s     { width:10px; height:10px; display:block; }
.navInput .logged .i     { width:30px; height:30px; display:inline-block; vertical-align:middle; position:relative; }
.navInput .logged .i img { width:30px; height:30px; display:block; border-radius:50%; overflow:hidden; }
.navInput .logged .i i   { position:absolute; left:0; bottom:-8px; z-index:3; }
.navInput .logged .n     { margin:0 10px; height:30px; line-height:30px; display:inline-block; font-style:normal; }
.navInput .btnFollow .navHover,.navInput .btnDownload .navHover,.navInput .btnLogin a:hover,.navInput .logged .navHover { color:#ffc600; }

/* client nav */
.cNav                { width:100%; height:72; background:#fff; box-shadow:0 2px 2px #ccc; overflow:hidden; position:fixed; left:0; top:0; z-index:99; }
.cNavCont            { margin:0 auto; width:1200px; height:72px; line-height:72px; font-size:18px; }
.shLogo              { float:left; width:144px; height:72px; display:block; background:url(../img/logo.png) no-repeat; }
.cNavTab             { float:left; margin-left:50px; }
.cNavTab a           { width:160px; height:72px; text-align:center; display:inline-block; cursor:pointer; text-decoration:none; color:#3c3c3c; }
.cNavTab .curr,.cNavTab a:hover { background:#ffda00; color:#3c3c3c; }
.cBackIndex          { float:right; color:#3c3c3c; text-decoration:none; }
.cBackIndex em       { margin:-3px 5px 0 0; width:25px; height:20px; display:inline-block; vertical-align:middle; background-position:0 0; }
.cBackIndex:hover    { color:#ffda00; }
.cBackIndex:hover em { background-position:-27px 0; }

/* 游戏专区下拉框 */
.gamePopWrap { width:238px; display:none; position:absolute; left:0; top:60px; z-index:20; }
.gamePop     { width:238px; position:relative; }
.gamePop em  { width:15px; height:7px; display:block; background-position:0 -455px; position:absolute; left:37px; top:-7px; z-index:3; }
.gamePopCont { background:#2c2c2c; border-radius:3px; overflow:hidden; }
.gamePopCont dl dd { float:left; width:119px; height:40px; line-height:40px; }
.gamePopCont dl dd a { height:40px; display:block; text-align:center; border-right:1px solid #363636; border-bottom:1px solid #363636; text-decoration:none; font-size:14px; color:#adacb2; }
.gamePopCont dl dd a:hover { color:#e9e663; }

/* 历史记录下拉框 */
.historyPop            { margin-left:-140px; width:280px; border-radius:0 0 5px 5px; box-shadow:1px 1px 3px rgba(102,102,102,0.6), -1px -1px 3px rgba(102,102,102,0.6); filter:alpha(opacity=0); opacity:0; display:none; position:absolute; left:50%; top:69px; z-index:10; }
.historyPop .historyTop{ width:280px; height:16px; display:block; background-position:0 -478px; position:absolute; left:0; top:-16px; z-index:3; }
.historyBox            { width:100%; position:relative; }
.historyCont           { background:#fff; border-radius:0 0 5px 5px; overflow:hidden; }
.historyCont dl        { }
.historyCont dl dd     { padding:0 10px; height:73px; border-bottom:1px solid #eeeeee; }
.historyCont dl dd a   { padding:5px 0 0 60px; height:68px; font-size:16px; display:block; text-decoration:none; color:#34373b; position:relative; overflow:hidden; }
.historyCont dl dd:hover { background:#efefef; }
.historyCont dl dd img { width:48px; height:48px; position:absolute; left:0; top:12px; z-index:3; }
.historyCont dl dd h3  { width:150px; height:32px; line-height:32px; margin-top:2px; padding:0; font-size:16px; font-weight:normal; overflow:hidden; }
.historyCont dl dd a .liveGame { height:20px; line-height:20px; display:block; font-size:14px; color:#999; overflow:hidden; }
.historyCont dl dd a .iconLiving { position:absolute; right:0; top:16px; z-index:3; }
.noRecord { height:60px; line-height:60px; display:block; text-align:center; font-size:14px; color:#ababab; }

.btnAllGz { height:50px; line-height:50px; text-decoration:none; font-size:14px; text-align:center; display:block; color:#34373b; }
.liveHot { font-size:12px; color:#787878; position:absolute; right:0; top:19px; z-index:3; }

/* 导航下载 */
.popDownload { margin-left:-108px; width:217px; height:283px; display:none; background:url(../img/popDownload.png) no-repeat; position:absolute; left:50%; top:41px; z-index:10; }

/* 个人中心 */
.centerName,.centerLevel { height:30px; line-height:30px; display:block; text-align:center; }
.navCenter    { padding:13px 25px 0; margin-left:-124px; width:208px; height:314px; display:none; position:absolute; left:50%; top:48px; z-index:10; background:url(../img/navCenterBg.png) no-repeat; }
.centerHeader { margin:20px auto 10px; width:68px; height:68px; display:block; border-radius:50%; overflow:hidden; }
.centerHeader img { width:68px; height:68px; }
/*有个人中心的样式.centerHeader { margin:26px auto 0; width:68px; height:68px; display:block; border-radius:50%; overflow:hidden; }*/
.centerName   { font-size:16px; overflow:hidden; color:#3c3c3c; }
.centerLevel  { height:24px; line-height:24px; }
.centerLevel .iconBoy,.centerLevel .iconGirl  { margin:0 3px 0; }
.centerMoney  { padding:10px 48px 10px 0; height:30px; line-height:30px; display:block; position:relative; }
.btnCenterCz  { width:48px; height:24px; display:block; background-position:-240px -25px; cursor:pointer; position:absolute; right:10px; top:13px; z-index:3; }
.centerMoney i { margin-right:5px; }
.btnCenter,.btnLoginOut { margin-top:10px; height:32px; line-height:32px; display:block; text-align:center; text-decoration:none; border:1px solid #dcdcdc; border-radius:16px; color:#3c3c3c; }
.btnCenter:hover,.btnLoginOut:hover { border:1px solid #ffda00; background:#ffda00; }


/*// sideRight ////////////////*/
.sideRight             { position:fixed; right:20px; bottom:10%; z-index:30; }
.sideRight li          { margin-top:10px; width:60px; height:60px; position:relative; }
.sideRight li a        { width:60px; height:60px; display:block; background-position:-64px -90px; position:relative; overflow:hidden; }
.sideRight li a em     { width:60px; height:60px; display:block; background-position:-64px -156px; position:absolute; left:0; top:60px; z-index:3; }
.sideRight li a i      { width:60px; height:60px; display:block; position:absolute; left:0; top:0; z-index:5; }
.sideRight .btnApp a i { background-position:0 -90px; }
.sideRight .btnPlay a i{ background-position:0 -156px; }
.sideRight .btnGzh a i { background-position:0 -221px; }
.sideRight .btnBack    { filter:alpha(opacity=0); opacity:0; }
.sideRight .btnBack a i{ background-position:0 -288px; }
.sideRight .btnApp img { display:none; opacity:0; position:absolute; left:-180px; top:-100px; z-index:3; }
.sideRight .btnGzh img { display:none; opacity:0; position:absolute; left:-180px; top:-100px; z-index:3; }

/*// 所有直播 ////////////////*/
.alList     { width:1226px; }
.alList li  { float:left; margin:0 26px 21px 0; width:280px; height:224px; border-bottom:1px solid #e6e6e6; background:#ffffff; }
.alList .alImg  { position:relative; }
.alList .alImg,.alList .alImg img { width:280px; height:158px; display:block; }
.alList .alImg .alPlay  { margin:-24px 0 0 -24px; transform:scale(1.8); -webkit-transform:scale(1.8); -moz-transform:scale(1.8); -o-transform:scale(1.8); -ms-transform:scale(1.8); transition:all .08s linear; -webkit-transition:all .08s linear; -moz-transition:all .08s linear; -o-transition:all .08s linear; -ms-transition:all .08s linear; width:48px; height:48px; display:block; filter:alpha(opacity=0); opacity:0; background-position:-245px 0; position:absolute; left:50%; top:50%; z-index:5; }
.alList .alImg .alMask  { width:280px; height:158px; display:block; filter:alpha(opacity=0); opacity:0; background:#000; position:absolute; left:0; top:0; z-index:3; }
.alList .alImg .alCount { padding-right:5px; width:80%; height:30px; font-style:normal; line-height:30px; text-align:right; display:block; background:url(../img/countBg.png) right top no-repeat; color:#c8c8c8; position:absolute; right:0; bottom:0; z-index:5; }
.alList .alImg .alCount i  { margin-right:3px; width:6px; height:6px; display:inline-block; border-radius:50%; background:#ffda00; }
.alList .alImg .alHead     { width:44px; height:44px; display:block; border:2px solid #fff; position:absolute; left:7px; bottom:-24px; z-index:5; }
.alList .alImg .alHead img { width:44px; height:44px; }
.alList .alName { padding:0 10px 0 60px; height:30px; line-height:30px; font-size:14px; display:block; overflow:hidden; color:#999999; }
.alList .alText { padding:0 10px; height:30px; line-height:30px; display:block; font-size:16px; color:#2f2f2f; overflow:hidden; }

/*// 登录 ////////////////*/
.loginWrap    { margin:-357px 0 0 -231px; padding-top:150px; overflow:hidden; display:none; width:463px; height:484px; background:url(../img/popBg.png) no-repeat; position:fixed; left:50%; top:50%; z-index:333; }
.login        { padding:0 2px; height:290px; position:relative; }
.login .close { width:16px; height:16px; display:block; cursor:pointer; background-position:-444px 0; position:absolute; right:20px; top:20px; z-index:3; }
.login h3     { height:57px; line-height:57px; font-size:20px; font-weight:normal; position:relative; }
.login h3 a   { width:100px; height:55px; text-align:center; display:block; border-bottom:2px solid #ffa015; color:#ffa015; }
.login ul     { margin:0 60px; }
.login ul li  { margin-top:16px; height:38px; }
.login .input { width:100%; height:36px; text-indent:5px; border:1px solid #dcdcdc; }
.login .btnLogin { height:40px; line-height:40px; font-size:18px; text-decoration:none; border-radius:3px; text-align:center; display:block; background:#ffa015; color:#fff; }
.mask         { width:100%; height:100%; filter:alpha(opacity=80); opacity:0.8; display:none; background:#000; position:fixed; left:0; top:0; z-index:99; }
.error        { margin-left:-169px; width:339px; height:26px; display:none; line-height:26px; border:1px solid #ecd64a; background:#fffbe2; color:#ef4b4b; position:absolute; left:50%; top:44px; z-index:3;}
.iconError    { margin:0 5px 0 10px; width:12px; height:12px; vertical-align:middle; display:inline-block; background-position:-344px 0; }

.loginOther h4 { margin:50px 0 30px; height:20px; background-position:0 -526px; }
.loginList     { text-align:center; }
.loginList a   { margin:0 30px; width:60px; height:100px; cursor:pointer; display:inline-block; }
.loginList em  { width:60px; height:60px; display:block; }
.loginList i   { height:30px; line-height:30px; text-align:center; display:block; }
.btnQQ em      { background-position:0 -569px; }
.btnWx em      { background-position:-66px -569px; }


/*// footer ////////////////*/
.footer                  { margin-top:23px; background:#222222; overflow:hidden; }
.footer .footerCont      { margin:0 auto; padding:20px 0 20px; width:1200px; line-height:24px; text-align:center; color:#ccc; overflow:hidden; }
.footer a                { text-decoration:none; color:#ccc; }
.footer a:hover          { color:#ff0000; }
.footer .footerLink      { font-size:12px; }
.footer .footerLink a    { margin-left:10px; padding-right:10px; background:url(http://xiazai.youxiduo.com/test/1964_591fd3560d53409599e389f7e83f57d3.png) right center no-repeat; }
.footer .footerLink a:last-child,.footer .footerInfo a:last-child { background:none; }
.footer .footerCr        { padding-left:10px; min-height:30px; position:relative; color:#6e6e6e; }
.footer .footerCr a      { color:#6e6e6e; }
.footer .ftMark          { padding-top:10px; }
.footer .ftMark a img    { margin-right:10px; height:20px; }


.aFooter { padding-top:30px; height:106px; text-align:center; }
.aFooter p { line-height:22px; }

.scaleFd { animation:scaleFd 1s ease-in-out; -webkit-animation:scaleFd 1s ease-in-out; -moz-animation:scaleFd 1s ease-in-out; -o-animation:scaleFd 1s ease-in-out; -ms-animation:scaleFd 1s ease-in-out; }
/* 放大 */
@-webkit-keyframes scaleFd
{
	0%, 50% { -webkit-transform:scale(0); opacity:0; }
	70%     { -webkit-transform:scale(1.5); opacity:1; }
	80%     { -webkit-transform:scale(0.8); }
	100%    { -webkit-transform:scale(1); opacity: 1 }
}
@keyframes scaleFd
{
	0%, 50% { transform:scale(0); opacity:0 }
	70%     { transform:scale(1.5); opacity:1 }
	80%     { transform:scale(0.8); }
	100%    { transform:scale(1); opacity: 1 }
}


